<center><h1>Registrar Tesis</h1></center>
<fieldset><legend>Datos de Tesis</legend>
    <?php echo $this->Rtesis?>
    <div id="eRegistroT"> </div>
</fieldset><br/>
<fieldset id="fieldsetAutor"><legend>Datos de Autor</legend>
    <?php echo $this->Autor ?>
    <div id="eAutor">  </div>
    <a href="#" id="masAutor2">añadir(+)</a>   <br/> 
    <a href="#" id="menosAutor2" style="display: none;">quitar(-)</a>
    
    <div id="divAutor2">
        <br/>Datos de Autor 2
        <?php echo $this->Autor2 ?>   
        <div id="eAutor2"> </div>
        <a href="#" id="masAutor3">añadir(+)</a> <br/>
        <a href="#" id="menosAutor3" style="display: none;">quitar(-)</a>
        
        <div id="divAutor3" style="display: none;">
            <br/>Datos de Autor 3
            <?php echo $this->Autor3?>
            <div id="eAutor3"> </div>
        </div>   
    </div>  
</fieldset><br/>
<fieldset >  <legend>Datos de Tutor</legend>  
    <?php echo $this->Tutor ?>
    <div id="eTutor"> </div>
    <a href="#" id="masTutor2">añadir(+)</a>   <br/> 
    <a href="#" id="menosTutor2" style="display: none;">quitar(-)</a>
    
    <div id="divTutor2" style="display: none;">
        <br/>Datos de Tutor 2
        <?php echo $this->Tutor2 ?>
        <div id="eTutor2"> </div>  
        <a href="#" id="masTutor3">añadir(+)</a> <br/>
        <a href="#" id="menosTutor3" style="display: none;">quitar(-)</a>
        
        <div id="divTutor3" style="display: none;">
            <br/>Datos de Tutor 3
            <?php echo $this->Tutor3?>
            <div id="eTutor3"> </div>
        </div>   
    </div>  
</fieldset><br/>



<center><input type="submit" name="registrarT" value="Guardar" id="registrarT" /></center>  

<div id="element2"> 
</div>


<script>







function myLogica(a,b) {
	if(a==false & b==false){
		return true;
	}else{
		if(a==true & b==true){
			return true;
		}else{return false;}
	}
}


	
	  
	




$(document).ready(function() {
	
    var dosAutores=false;
    var tresAutores=false;
    var vAutor=false;
    var vAutor2=false;
    var vAutor3=false;
    var vTutor=false;
    var vTutor2=false;
    var vTutor3=false;
    var vRegistro=false

	//mostrar y ocultar el formulario del segundo autor
	$("#masAutor2").click(function(){
		$('#divAutor2,#menosAutor2').show();
		$('#masAutor2').hide();
		dosAutores=true;
		$("#autor2").validate({
	    	errorLabelContainer: "#eAutor2",
	        wrapper: "p",
	        errorClass: "error",
	        rules: {
	    	    nombreA2: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            aPaternoA2: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            aMaternoA2:  { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            emailA2: { required:true, email: true},                   
	        },
	        messages: {
	        	nombreA2: "El campo Nombre: es obligatorio y debe contener solo letras (3-15).",
	            aPaternoA2 : "El campo A. Paterno: es obligatorio y debe contener solo letras (3-15).",
	            aMaternoA2 : "El campo A. Materno: es obligatorio y debe contener solo letras (3-15).",
	            emailA2 : "El campo Email: es obligatorio y debe tener el formato de un email valido.",
	        },
			invalidHandler: function(form, validator) {
	    		$("#eAutor2").show();
	    		vAutor2=false;
			},
			unhighlight: function(element, errorClass) {
	    		if (this.numberOfInvalids() == 0) {
	        		$("#eAutor2").hide();
	        		vAutor2=true;
	    		}
	    		$(element).removeClass(errorClass);
			}    
	    });
			
	});
	$("#menosAutor2").click(function(){
		$('#masAutor2').show();
		$('#divAutor2,#menosAutor2').hide();
		dosAutores=false;
    });
    
    //mostrar y ocultar el formulario del tercero autor
    $("#masAutor3").click(function(){
        $('#menosAutor3,#divAutor3').show();
        $('#masAutor3,#menosAutor2').hide();
        tresAutores=true;
		$("#autor3").validate({
	    	errorLabelContainer: "#eAutor3",
			alpha: true,
	        wrapper: "p",
	        errorClass: "error",
	        rules: {
	    	    nombreA3: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            aPaternoA3: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            aMaternoA3:  { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            emailA3: { required:true, email: true},                   
	        },
	        messages: {
	        	nombreA3: "El campo Nombre: es obligatorio y debe contener solo letras (3-15).",
	            aPaternoA3 : "El campo A. Paterno: es obligatorio y debe contener solo letras (3-15).",
	            aMaternoA3 : "El campo A. Materno: es obligatorio y debe contener solo letras (3-15).",
	            emailA3 : "El campo Email: es obligatorio y debe tener el formato de un email valido.",
	        },
			invalidHandler: function(form, validator) {
	    		$("#eAutor3").show();
	    		vAutor3=false;
			},
			unhighlight: function(element, errorClass) {
	    		if (this.numberOfInvalids() == 0) {
	        		$("#eAutor3").hide();
	        		vAutor3=true;
	    		}
	    		$(element).removeClass(errorClass);
			}    
	    });
    });
    $("#menosAutor3").click(function(){
        $('#menosAutor3,#divAutor3').hide();
        $('#menosAutor2,#masAutor3').show();
        tresAutores=false;
    });
    

    var dosTutores=false;
    var tresTutores=false;
    //mostrar y ocultar el formulario del segundo tutor
	$('#masTutor2').click(function(){
		$('#divTutor2,#menosTutor2').show();
		$('#masTutor2').hide();
		dosTutores=true;
		$('#tutor2').validate({
	    	errorLabelContainer: "#eTutor2",
	        wrapper: "p",
	        errorClass: "error",
	        rules: {
	    	    nombreT2: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            aPaternoT2: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            aMaternoT2:  { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            emailT2: { required:true, email: true},
	            ci2: { required: true, number: true, minlength: 6, maxlength: 15},
	            profecion2: { required: true, lettersonly: true, minlength: 6, maxlength: 15 }
	        },
	        messages: {
	        	nombreT2: "El campo Nombre: es obligatorio y debe contener solo letras (3-15).",
	            aPaternoT2 : "El campo A. Paterno: es obligatorio y debe contener solo letras (3-15).",
	            aMaternoT2 : "El campo A. Materno: es obligatorio y debe contener solo letras (3-15).",
	            emailT2 : "El campo Email: es obligatorio y debe tener el formato de un email valido.",
	            ci2 : "El campo CI: es obligatorio y debe tener el formato de un CI valido (solo numeros).",
	            profecion2 : "El campo Profecion: es obligatorio y debe contener solo letras (3-15).",
	        },
			invalidHandler: function(form, validator) {
	    		$("#eTutor2").show();
	    		vTutor2=false;
			},
			unhighlight: function(element, errorClass) {
	    		if (this.numberOfInvalids() == 0) {
	        		$("#eTutor2").hide();
	        		vTutor2=true;
	    		}
	    		$(element).removeClass(errorClass);
			}    
	    });
	});
	$('#menosTutor2').click(function(){
		$('#masTutor2').show();
		$('#divTutor2,#menosTutor2').hide();
		dosTutores=false;
    });
    
    //mostrar y ocultar el formulario del tercer tutor
    $('#masTutor3').click(function(){
        $('#menosTutor3,#divTutor3').show();
        $('#masTutor3,#menosTutor2').hide();
        tresTutores=true;
		$('#tutor3').validate({
	    	errorLabelContainer: "#eTutor3",
	        wrapper: "p",
	        errorClass: "error",
	        rules: {
	    	    nombreT3: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            aPaternoT3: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            aMaternoT3:  { required: true, lettersonly: true, minlength: 3, maxlength: 15},
	            emailT3: { required:true, email: true},
	            ci3: { required: true, number: true, minlength: 6, maxlength: 15},
	            profecion3: { required: true, lettersonly: true, minlength: 6, maxlength: 15 }
	        },
	        messages: {
	        	nombreT3: "El campo Nombre: es obligatorio y debe contener solo letras (3-15).",
	            aPaternoT3 : "El campo A. Paterno: es obligatorio y debe contener solo letras (3-15).",
	            aMaternoT3 : "El campo A. Materno: es obligatorio y debe contener solo letras (3-15).",
	            emailT3 : "El campo Email: es obligatorio y debe tener el formato de un email valido.",
	            ci3 : "El campo CI: es obligatorio y debe tener el formato de un CI valido (solo numeros).",
	            profecion3 : "El campo Profecion: es obligatorio y debe contener solo letras (3-15).",
	        },
			invalidHandler: function(form, validator) {
	    		$("#eTutor3").show();
	    		vTutor3=false;
			},
			unhighlight: function(element, errorClass) {
	    		if (this.numberOfInvalids() == 0) {
	        		$("#eTutor3").hide();
	        		vTutor3=true;
	    		}
	    		$(element).removeClass(errorClass);
			}    
	    });
        
    });
    $('#menosTutor3').click(function(){
        $('#menosTutor3,#divTutor3').hide();
        $('#menosTutor2,#masTutor3').show();
        tresTutores=false;
    });    

    $('#eRegistroT,#eAutor,#eTutor').hide();
    $('#divAutor2').hide();






    $('#registroTesis').validate({
    	errorLabelContainer: "#eRegistroT",
        wrapper: "p",
        errorClass: "error",
        rules: {
    	    titulo: { required: true, lettersonly: true, minlength: 5, maxlength: 30},
			carrera: {},
			modalidad: {},
            ciudad: { required: true, lettersonly: true, minlength: 4, maxlength: 15},
            pais:  { required: true, lettersonly: true, minlength: 4, maxlength: 15},
            facultad: { required: true, lettersonly: true, minlength: 4, maxlength: 30},
            anio: { required: true, number: true, minlength: 4, maxlength: 4},
            area: {},
            subArea: {},
        },
        messages: {
        	titulo: "El campo Titulo: es obligatorio y debe contener solo letras (5-30).",
            ciudad : "El campo Ciudad: es obligatorio y debe contener solo letras (4-15).",
            pais : "El campo Pais: es obligatorio y debe contener solo letras (4-15).",
            facultad : "El campo Facultad o Institucion: es obligatorio y debe contener solo letras (4-30).",
            anio : "El campo Año: es obligatorio y debe contener un año valido.",
            profecion : "El campo Profecion: es obligatorio y debe contener solo letras (3-15).",
        },
		invalidHandler: function(form) {
    		$("#eRegistroT").show();
    		vRegistro=false;
		},
		unhighlight: function(element, errorClass) {
    		if (this.numberOfInvalids() == 0) {
        		$("#eRegistroT").hide();
        		vRegistro=true;
    		}
    		$(element).removeClass(errorClass);
		}    
    });





    





    
    $("#autor").validate({
    	errorLabelContainer: "#eAutor",
		alpha: true,
        wrapper: "p",
        errorClass: "error",
        rules: {
    	    nombreA: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
            aPaternoA: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
            aMaternoA:  { required: true, lettersonly: true, minlength: 3, maxlength: 15},
            emailA: { required:true, email: true},                   
        },
        messages: {
        	nombreA: "El campo Nombre: es obligatorio y debe contener solo letras (3-15).",
            aPaternoA : "El campo A. Paterno: es obligatorio y debe contener solo letras (3-15).",
            aMaternoA : "El campo A. Materno: es obligatorio y debe contener solo letras (3-15).",
            emailA : "El campo Email: es obligatorio y debe tener el formato de un email valido.",
        },
		invalidHandler: function(form) {
    		$("#eAutor").show();
    		vAutor=false;
		},
		unhighlight: function(element, errorClass) {
    		if (this.numberOfInvalids() == 0) {
        		$("#eAutor").hide();
        		vAutor=true;
    		}
    		$(element).removeClass(errorClass);
		}    
    });












    
    
    $('#tutor').validate({
    	errorLabelContainer: "#eTutor",
        wrapper: "p",
        errorClass: "error",
        rules: {
    	    nombreT: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
            aPaternoT: { required: true, lettersonly: true, minlength: 3, maxlength: 15},
            aMaternoT:  { required: true, lettersonly: true, minlength: 3, maxlength: 15},
            emailT: { required:true, email: true},
            ci: { required: true, number: true, minlength: 6, maxlength: 15},
            profecion: { required: true, lettersonly: true, minlength: 6, maxlength: 15 }
        },
        messages: {
        	nombreT: "El campo Nombre: es obligatorio y debe contener solo letras (3-15).",
            aPaternoT : "El campo A. Paterno: es obligatorio y debe contener solo letras (3-15).",
            aMaternoT : "El campo A. Materno: es obligatorio y debe contener solo letras (3-15).",
            emailT : "El campo Email: es obligatorio y debe tener el formato de un email valido.",
            ci : "El campo CI: es obligatorio y debe tener el formato de un CI valido (solo numeros).",
            profecion : "El campo Profecion: es obligatorio y debe contener solo letras (3-15).",
        },
		invalidHandler: function(form) {
    		$("#eTutor").show();
    		vTutor=false;
		},
		unhighlight: function(element, errorClass) {
    		if (this.numberOfInvalids() == 0) {
        		$("#eTutor").hide();
        		vTutor=true;
    		}
    		$(element).removeClass(errorClass);
		}    
    });
    $('#registrarT').click(function(){
        
    	if(vRegistro&vAutor&vTutor){
        if(myLogica(vAutor2,dosAutores)){
        if(myLogica(vAutor3,tresAutores)){
        if(myLogica(vTutor2,dosTutores)){
        if(myLogica(vTutor3,tresTutores)){
    		var dataString =  $('#registroTesis,#autor,#tutor').serialize();
			dataString=dataString+'&'+'dosAutores'+"="+dosAutores+'&'+'tresAutores'+"="+tresAutores
							 	+'&'+'dosTutores'+"="+dosTutores+'&'+'tresTutores'+"="+tresTutores;
        	if(dosAutores){
            	dataString = dataString + '&' + $('#autor2').serialize();
        	}	
       	 	if(tresAutores){
            	dataString = dataString + '&' + $('#autor3').serialize();
        	}

        	if(dosTutores){
            	dataString = dataString + '&' + $('#tutor2').serialize();
        	}

        	if(tresTutores){
            	dataString = dataString + '&' + $('#tutor3').serialize();
        	}
        	$.ajax({  
        		async: true,  
            	dataType: 'html',  
            	type: 'POST',  
            	contentType: 'application/x-www-form-urlencoded',  
            	url: 'http://videoteca.local/registrar/prueba',  
            	data: dataString,
            	beforeSend: function(data){  
  	            	$('#element2').html('<label>Cargando...</label>');  
            	},  
            	success: function(requestData){  
                	$('#element2').html(requestData);  
            	},  
            	error: function(requestData, strError, strTipoError){  
                	alert('Error ' + strTipoError +': ' + strError);  
            	},  
            	complete: function(requestData, exito){  
                	alert('Se registrado la tesis correctamente');
                    location.href="/permiso/imprimir";
            	}  
        	});
        }else{alert('error revise los datos ingresados del Tutor3');}
        }else{alert('error revise los datos ingresados del Tutor2');}
        }else{alert('error revise los datos ingresados del Autor3');}
        }else{alert('error revise los datos ingresados del Autor2');}
    	}else{alert('error revise los datos ingresados');}       
       	return false;
    });
});
</script>

